import React from 'react' 

import { View ,Text } from '@tarojs/components'


import Line from '../../comment/upLine'
import Brief from '../../comment/brief'

import './index.scss'

function ActiveTopShow({activeMsg}){

  return (
    <View className='topshow'> 
      <Text className='topshow-title'>{activeMsg.title}</Text>
        <View className='topshow-middle'>
          <Text className='topshow-username'>发起人:{activeMsg.username}</Text>
          <Text className='topshow-date'>活动时间:{activeMsg.date}</Text>
        </View>
      <Text className='topshow-state'>状态:{activeMsg.state}</Text>
    </View>
  )
}



function ActiveDetail(){
  return (
    <View>
      <Line /> 
      <ActiveTopShow activeMsg={{title:'活动标题',username:'王五',date:'2020-02-01',state:'进行中'}} />
      <Brief title='活动规则' />
      <View className='describe-msg'>讲人情，不讲规矩</View>
      <Brief title='备注' />
      <View className='describe-msg'>吾欲与若复牵黄犬俱出上蔡东门逐狡兔，岂可得乎。</View>
      <Brief title='参与人员' />
      <View className='describe-msg'>乾三连，坤六断</View>
      <Brief title='相关照片' />
      <View className='describe-msg'>震仰盂，艮覆碗</View>
    </View>
  )
}




export default ActiveDetail

